<template>
  <div class="page-box">
    <dataList placeholder="请输入物业名称" :pageInfo="pager" :listData="tableData" searchName="propertyName" :menuList="[]" :filterList="filterList">
      <el-table :data="tableData" align="center">
        <el-table-column label="合同编号" align="center" prop="contractCode"></el-table-column>
        <el-table-column label="客户" align="center" prop="clientLesseeName"></el-table-column>
        <el-table-column label="物业名称" align="center" prop="propertyNames"></el-table-column>
        <el-table-column label="费用名称" align="center" prop="chargeProjectName"></el-table-column>
        <el-table-column label="费用周期" align="center" prop="costPeriodStart" width="200"></el-table-column>
        <el-table-column label="开据金额" align="center" prop="billAmount"></el-table-column>
        <el-table-column label="实收金额" align="center" prop="receivableMoney"></el-table-column>
        <el-table-column label="开据时间" align="center" prop="createTime"></el-table-column>
        <el-table-column label="开据人" align="center" prop="createName"></el-table-column>
        <el-table-column label="操作" prop>
          <template slot-scope="scope">
            <el-button type="text" @click="receipt(scope.row)">查看</el-button>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
    <receiptData ref="receiptData"></receiptData>
  </div>
</template>

<script src="./index.js">
</script>

